<template>
  <div class="box">
    <dynamics-filter
      :setting="setting"
      label-width="auto"
      @query="handleQuery"
    />
  </div>
</template>

<script>
import { ref } from 'vue'
import { DynamicsFilter } from '@bairong/vix'

export default {
  components: {
    DynamicsFilter
  },
  setup() {
    const setting = ref([
      {
        name: 'name', label: '策略组名称', type: 'input', placeholder: '请输入策略组名称'
      }
    ])

    const handleQuery = query => {
      console.log(DynamicsFilter.libs.getQueryParameters(query))
    }

    return {
      setting,
      handleQuery
    }
  }
}
</script>

<style scoped>
.box{
  background: #fff;
  padding: 20px 10px 0 10px;
}
</style>
